<script type="text/html" data-help-name="ui-text">
    <p>
        Displays a non-editable text field on the user interface.
        Each received <code>msg.payload</code> will update the value shown
        alongside the (optional) label.
    </p>
    <p>
        You can also customise the style of the text by enabling "Apply Style".
        This will show the following options:
        <ul>
            <li><b>Font:</b> Choose from a collection of pre-defined fonts.</li>
            <li><b>Text Size:</b> Numerical value defining (in px) how big the text should display.</li>
            <li><b>Text Color:</b> Color picker to define the color to display the text in.</li>
        </ul>
    </p>
    <h3>Dynamic Properties (Inputs)</h3>
    <p>Any of the following can be appended to a <code>msg.</code> in order to override or set properties on this node at runtime.</p>
    <dl class="message-properties">
        <dt class="optional">class <span class="property-type">string</span></dt>
        <dd>Add a CSS class, or more, to the text at runtime.</dd>
    </dl>
</script>